import { Tabs, TabItem } from '@aws-amplify/ui-react';

export const PseudoStyles = () => (
  <Tabs>
    <TabItem title="Tab 1">
      Hover over, click on, and manually tab through the Tabs on your keyboard
      to see the styling effects.
    </TabItem>
    <TabItem title="Tab 2">
      Hover over, click on, and manually tab through the Tabs on your keyboard
      to see the styling effects.
    </TabItem>
  </Tabs>
);